<template>
  <div style="text-align: center; width: 680px; margin: auto; background: #fff">
    <table
        cellpadding="0"
        cellspacing="0"
        style="
        table-layout: fixed;
        position: relative;
        width: 95%;
        font-family: 仿宋_GB2312;
        font-size: 16px;
        margin: auto;
      "
    >
      <tr style="height: 10px">
        <td
            v-for="item in 100"
            :key="item"
            style="width: 1%; text-align: center"
        />
      </tr>
      <tr style="height: 60px">
        <td colspan="100" style="text-align: center">
          <span id="Lab_title" style="font-size: 24px; font-weight: bold"
          >注册二级造价工程师（水利工程）初始注册申请表</span
          >
        </td>
      </tr>
      <tr style="height: 50px">
        <td colspan="14" class="TableBorderOther">姓名</td>
        <td colspan="14" class="TableBorderOther">
          {{ tempFormData.name }}
        </td>
        <td colspan="14" class="TableBorderOther">性别</td>
        <td colspan="14" class="TableBorderOther">
          {{ $dict('sex').get(tempFormData.sex) }}
        </td>
        <td colspan="14" class="TableBorderOther">出生年月</td>
        <td colspan="14" class="TableBorderOther">
          <AdatePicker
              disabled
              v-model="tempFormData.birthday"
              :clearable="false"
              placeholder=""
          />
        </td>
        <td colspan="16" rowspan="3" class="TableBorderRight">
          <img
              style="width: 100%; height: 100%"
              :src="tempFormData.idPhoto && tempFormData.idPhoto.thumbnailUri"
              alt=""
          />
        </td>
      </tr>
      <tr style="height: 50px">
        <td colspan="14" class="TableBorderOther">身份证号</td>
        <td colspan="32" class="TableBorderOther">
          {{ tempFormData.paperCode }}
        </td>
        <td colspan="14" class="TableBorderOther">联系电话</td>
        <td colspan="24" class="TableBorderOther">
          {{ tempFormData.sqrTel || tempFormData.jbrTel }}
        </td>
      </tr>
      <tr style="height: 50px">
        <td colspan="14" class="TableBorderOther">
          聘用单位名称
        </td>
        <td colspan="70" class="TableBorderOther">
          {{tempFormData.employUnit}}
        </td>
      </tr>
      <tr style="height: 75px">
        <td colspan="24" class="TableBorderBottom">
          签字照
        </td>
        <td colspan="76" class="TableBorderRightBottom">
          <img
              style="max-width: 100%; height: 72px"
              :src="tempFormData.signPhoto && tempFormData.signPhoto.thumbnailUri"
              alt=""
          />
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
import AdatePicker from '@/components/TimePicker/AdatePicker';

export default {
  name: "Word1",
  components: {
    AdatePicker
  },
  props: {
    formData: {
      type: Object,
      default: () => ({})
    }
  },
  data() {
    return {
      tempFormData: {},
    };
  },
  mounted() {
    this.tempFormData = Object.assign({}, this.formData);
  }
}
</script>

<style lang="scss" scoped>
@import '../../../../../../assets/styles/word.scss';

</style>
